@keyframes wave{
  0%{
    opacity: 1;
    transform: translateX(-50%) translateY(-64%) scale(1);
  }
  100%{
    opacity: .5;
    transform: translateX(-50%) translateY(-64%) scale(1.3, 1.7);
  }
}

.trade-page{
  .board-floor{
    padding: 12px 16px;
    height: 49px;
    // background: #282B3B;
    background-color: #1D202D;
    // opacity: 0.54;
    border-radius: 3px;
    .inner{
      opacity: 1;
    }
    .price-item .val{
      font-family: 'DINbek-Bold';
    }
    ._24h-item, .high-low-item, ._24hTrade-item{
      span:last-child{
        margin-left: 6px;
      }
      span:first-child{
        margin-right: 6px;
      }
    }
    .item{
      display: inline-block;
      -grow: 1;
      .title{
        font-size: 9px;
        font-family: 'PingFangSC-Medium';
        line-height: 13px;
        color: #999AA2;
      }
      .val{
        margin-top: 4px;
        font-size: 11px;
        font-family: DINbek-Bold;
        color: #FAFAFF;
      }
      .more{
        color: #35A95A;
      }
      .less{
        color:#DF4D6F;
        margin-left: 6px;
      }
    }
  }

  .trade-floor .inner{
    margin-top: 10px;
    padding-right: 3px;
    .tradeview-item{
      -grow: 1;
      background-color: #1A1D23;
      height: 439px;
    }
    .item{
      width: 258px;
      padding-left: 9px;
      height: 439px;
      > div > div {
        margin-bottom: 11px;
      }
    }
  }
}
@media screen and (max-width: 750px) {

}
